<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="cache-control" content="no-cache" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>观成教育集团运动会入场式直播</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script>
            window.toredirect="https://live.bilibili.com/23718984";
            $.getJSON("/status.json", (data) => {
                if (!data.status) {
                    // 直播已可以进入
                    $("#loadlive").prop("disabled", "disabled");
                    $("#loadlive").text("直播尚未开始...");
                    
                }
                $("#statustext").text(data.desc);
            })
        </script>
        <style>
        .button {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
        }
        </style>
        <link href="https://cdn.bootcdn.net/ajax/libs/mdui/1.0.2/css/mdui.min.css" rel="stylesheet">
    </head>
    <body style="text-align: center;">
        <div class="mdui-container">
            <h2>观成教育集团运动会入场式直播</h2>
        <p id=statustext></p>
        <button onclick="window.location.href=toredirect;" class="mdui-btn mdui-btn-raised mdui-ripple" id="loadlive">点我进入运动会直播～</button>
        
        </div>
        
    </body>
</html>